/* 
    Document   : TABcss
    Created on : Nov 13, 2013, 8:23:39 PM
    Author     : DUYANH
    Description:
        Purpose of the stylesheet follows.
*/
@font-face{
    font-family: 'opensans-font-bold';
    src: url(font/OpenSans-CondBold.ttf);
}
@font-face{
    font-family: 'opensans-font-regular';
    src: url(font/OpenSans-CondLight.ttf);
}
@font-face{
    font-family: 'arimo-font-regular';
    src: url(font/Arimo-Regular.ttf);
}
*{
    margin: 0;
    font-family: 'Segoe UI',Arial,Helvetica,sans-serif;
}

body{
    background-color: #ECECEC;
}
.wrapper{
    width: 100%;
    height: 100%;
    /*background-color: #ffffff;*/
}
.header {
    position: absolute;
    top: 0;
    height: 30px;
    border-radius: 30px 0 0 30px;
    /*border-bottom: 1px solid #DDDDDD;*/
    right: 0;
    width: auto;
    background-color: #FFF;
}
#demo {
    background: #FFFFFF;
    overflow: hidden;
    border: 1px dashed #A5A5A5;
    border-radius: 20px;
    position: absolute;
    /* width: 200px; */
    right: 810px;
    left: 100px;
    padding-top: 2PX;
    padding-bottom: 2px;
    top: 10px;
}
#demo img {
    border-right: 1px solid #D6D6D6;
    border-left: 1px solid #FFFFFF;
    padding-right: 4px;
}
#indemo {
    float: left;
    width: 800%;
}
#demo1 {
    float: left;
    margin-right: 3px;
}
#demo2 {
    float: left;
    margin-right: 3px;
}
.hot_line,.chat_box,.address{
    float: right;
    margin-top: 4px;
    margin-right: 5px;
    font-size: 12px;
    color: #486095;
}
.hot_line,.address{
    border-right: 1px solid #CACACA;
    padding-right: 10px;
    margin-left: 10px;
}
.chat_box{
    margin-top: 2px;
}
.hot_line_icon{
    margin-right: 5px;
    background-color: #486095;
    padding: 6px 5px 4px 5px;
    border-radius: 50px;
    color: #fff;
    text-align: center;
}
.address_icon{
    padding: 0px 3px 4px 3px;
    font-size: 18px;
    margin-right: 5px;
    background-color: #486095;
    border-radius: 50px;
    color: #fff;
    text-align: center;
}
.chat_icon{
    cursor: pointer;
    padding: 5px;
    font-size: 18px;
    color: #486095;
    -webkit-transition:color .2s ease-in;
}
.chat_icon:hover{
    color: #BB3633;
}

div.menu_bar{
    position: absolute;
    width: 100%;
    top: 0;
    /*background-color: #FFFFFF;*/
    height: 80px;
    z-index: 5;
}
.menu_box{
    position: absolute;
    height: auto;
    bottom: 0;
    width: auto;
    top: 30px;
    right: 0;
    left: 299px;
    background-color: #bb3633;
}
.menu_item{
    float: right;
    width: auto;
    padding: 5px 15px 5px 15px;
    height: auto;
    cursor: pointer;
    font-size: 20px;
    color: #fff;
    margin-top: 9px;
    font-weight: bold;
    -webkit-transition: color .2s ease-in,background .2s ease-in;
    font-family: 'opensans-font-bold',Arial,Helvetica,sans-serif;
}
.menu_item:hover{
    /*background-color: #486095;*/
    background-color: #fff;
    /*color: #fff;*/
    color: #486095;
}
.menu_item_icon{
    font-size: 20px;
    margin-right: 5px
}
.social{
    float:right;
    height: auto;
    margin-right: 10px;
}
.social_button{
    border-radius: 50px;
    font-size: 20px;
    margin-top: 3px;
}
.facebook,.google_plus{
    padding: 3px 0px 1px 0px;
    width: 24px;
    height: 20px;
    text-align: center;
    font-size: 20px;
}
.facebook{
    background-color: #3358CE;
    color: #FFFFFF;
}
.google_plus{
    background-color: #D73D32;
    color: #FFFFFF;
}
.logo{
    position: absolute;
    height: 70px;
    width: 320px;
    float: left;
    margin-top: 10px;
    left: 50px;
    background-image: url("img/vaymuaoto_logo_w.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
/*#slider{*/
    /*position: relative;*/
    /*top: 0;*/
    /*bottom: 50px;*/
    /*width: 100%;*/
    /*background-repeat: no-repeat;*/
    /*background-image: url(img/home_full_1.jpg);*/
    /*background-size: cover;*/
    /*background-position: center center;*/
/*}*/

.content{
    width: 1000px;
    margin: auto;
    margin-top: 80px;
    background-color: #fff;
    min-height: 800px;
}
.content_{
    width: 900px;
    margin: auto;
    padding: 20px 50px 10px 50px;
}
.pay_type{
    height: auto;
    margin: 30px 10px 20px 10px;
    width: auto;
}
.pay_type_item{
    width: 250px;
    height: 150px;
    /*border: 1px dotted;*/
    display: -webkit-inline-box;
    margin-right: 50px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.pay_type_item1 {
    margin-left: 55px;
    background-image: url("img/pay_1.jpg");
}
.pay_type_item2{
    background-image: url("img/pay_2.jpg");
}
.pay_type_item3{
    background-image: url("img/pay_3.jpg");
}
.pay_type_item_button{
    position: absolute;
    background-color: #BB3633;
    width: 150px;
    height: 10px;
    color: #FFFFFF;
    word-wrap: normal;
    text-align: center;
    padding: 10px 10px 20px 10px;
    font-size: 18px;
    margin-top: 55px;
    margin-left: 45px;
    cursor: pointer;
    border: 1px solid #FFFFFF;
}
.layout{
    background-color: #FFFFFF;
    opacity: 0.5;
    position: absolute;
    width: 100%;
    height: 100%;
}
.welcome{
    margin: 50px;
    font-size: 24px;
    height: auto;
}
.footer{
    height: 30px;
    width: 100%;
    background-color: #313131;
    color: #C9C9C9;
    /*position: absolute;*/
    bottom: 0;
    z-index: 5;
}
.copy{
    font-size: 11px;
    float: left;
    margin-left: 20px;
    margin-top: 5px;
}
.slide_arrow_navigate{
    font-size: 32px;
    color: #E72A2A;
    margin: 10px 20px;
}
.slide_content{
    margin: auto;
    margin-top: 150px;
    width: 1000px;
    height: 600px;
    /*background-image: url(img/banner1.jpg);*/
    /*background-color: #fff;*/
    background-repeat: no-repeat;
    background-position-x: center;
    background-size: cover;
    background-position-y: 70%;
}
.slide_content_img{
    position: absolute;
    width: 1000px;
    height: 600px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
.layout_slide_content{
    opacity: 0.8;
    background-color: #FFFFFF;
    position: absolute;
    width: 1000px;
    height: 600px;
}
.slide_text{
    position: absolute;
    padding: 40px;
    width: 920px;
    height: auto;
    font-family: 'arimo-font-regular',Arial,Helvetica,sans-serif;
    font-size: 30px;
    color: #1F1F1F;
    line-height: 1.2;
    text-shadow: 2px 0 0 #FFFFFF, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}
.my_button{
    width: auto;
    height: auto;
    padding: 10px;
    cursor: pointer;
}
.button_banner{
    background-color: #fff;
    color: #bb3633;
    /* background-color: #20335E; */
    /* color: #fff; */
    float: right;
    margin-top: 30px;
    margin-right: 200px;
    font-size: 26px;
    font-family: 'opensans-font-bold',Arial,Helvetica,sans-serif;
    border: 1px solid #bb3633;
}
.button_banner:hover{
    color: #486095;
    -webkit-transition: color .3s ease-in;
}
.title{
    font-family: 'opensans-font-bold',Arial,Helvetica,sans-serif;
    /*color: #bb3633;*/
    /*border-left: 3px solid;*/
    /*padding-left: 10px;*/
    margin: auto;
    width: 200px;
    /* height: 200px; */
    /* margin-top: 50px; */
    /* top: 50px; */
    background: #FFFFFF;
    border-radius: 50px;
    padding: 1px;
    color: #bb3633;
    text-align: center;
    border-bottom: 5px solid;
}
.product_name {
    font-family: 'opensans-font-bold',Arial,Helvetica,sans-serif;
    color: #bb3633;
    border-left: 3px solid;
    padding-left: 10px;
}
.question_content{
    padding: 5px 10px 5px 10px;
    border-bottom: 2px solid #CECECE;
    /* padding-bottom: 10px; */
    margin-top: 10px;
}
.question_content:hover{
    background-color: #F3F3F3;
}
.question,.contact_title{
    font-family: 'opensans-font-bold',Arial,Helvetica,sans-serif;
    color: #486095;
    font-size: 22px;
    line-height: 1.2;
    cursor: pointer;
    text-align: justify;
}
.contact_title{
    font-size: 22px;
    width: 80%;
    border-bottom: 2px solid #CECECE;
    font-family: 'opensans-font-bold',Arial,Helvetica,sans-serif;
    margin-bottom: 5px;
    padding: 5px 5px 5px 5px;
    cursor: text;
    border-radius: 20px;
}
.contact_info{
    /*font-family: 'opensans-font-bold',Arial,Helvetica,sans-serif;*/
    font-size: 18px;
    color: #696969;
    padding: 2px 5px 2px 5px;
}
.contact_icon{
    font-size: 22px;
    float: left;
    margin-top: 4px;
    background-color: transparent;
    color: #486095;
}
.map{
    margin-top: 20px;
    margin-bottom: 20px;
}
.skype_box_num{
    width: 19px;
    height: 20px;
    border-radius: 50px;
    text-align: center;
    background-color: #696969;
    color: #FFFFFF;
    margin: auto;
    font-family: 'opensans-font-regular',Arial,Helvetica,sans-serif;
    font-size: 16px;
    padding-left: 1px;
}
.skype_box{
    font-size: 22px;
    text-align: center;
    border-right: 1px solid #A5ABB8;
    /* margin-right: 15px; */
    /* margin-left: 15px; */
    /* margin: 0px 15px 0px 15px; */
    padding: 15px 20px 0px 20px;
    min-width: 150px;
}
.skype_box:hover{
    background-color: #F3F3F3
}
.table_prices{
    /* display: -webkit-box; */
    width: auto;
    font-family: 'opensans-font-bold',Arial,Helvetica,sans-serif;
    word-wrap: normal;
    /* overflow: visible; */
    width: 900px;
    height: 200px;
}
.car{
    float: left;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: 4px;
    border: 1px solid #FFFFFF;
}
.car:hover{
    border-color: #CECECE;
}
.honda{
    background-image: url("img/honda_logo.jpg");
}
.audi{
    background-image: url("img/audi_logo.jpg");
}
.kia{
    background-image: url("img/kia_logo.jpg");
}
.ford{
    background-image: url("img/ford_logo.jpg");
}
.hyundai{
    background-image: url("img/hyundai_logo.jpg");
}
.chevrolet{
    background-image: url("img/chevrolet_logo.jpg");
}
.bmw{
    background-image: url("img/bmw_logo.jpg");
}
.mercedes_benz{
    background-image: url("img/mercedesbenz_logo.jpg");
}
.land_rover{
    background-image: url("img/landrover_logo.jpg");
}
.lexus{
    background-image: url("img/lexus_logo.png");
}
.mazda{
    background-image: url("img/mazda_logo.jpg");
}
.mini{
    background-image: url("img/mini_logo.jpg");
}
.mitsubishi{
    background-image: url("img/mitsubishi_logo.jpg");
}
.nissan{
    background-image: url("img/nissan_logo.jpg");
}
.porsche{
    background-image: url("img/porsche_logo.jpg");
}
.renault{
    background-image: url("img/renault_logo.jpg");
}
.subaru{
    background-image: url("img/subaru_logo.jpg");
}
.toyota{
    background-image: url("img/toyota_logo.jpg");
}
.suzuki{
    background-image: url("img/suzuki_logo.jpg");
}
.volkswagen{
    background-image: url("img/volkswagen_logo.jpg");
}
.prices_title{
    font-family: 'opensans-font-bold',Arial,Helvetica,sans-serif;
    text-align: center;
    border-top: 2px solid #CECECE;
    border-bottom: 2px dotted #CECECE;
    color: #bb3633;
    font-size: 24px;
    padding: 5px 0px 5px 0px;
    margin-bottom: 10px;
    margin-top: 30px;
}
table{
    margin-top: 20px;
    width: 100%;
    border-color: #AAA;
}
th{
    background-color: #FFEAB5;
    font-family: 'opensans-font-bold',Arial,Helvetica,sans-serif;
    font-size: 16px;
    padding: 5px 0px 5px 0px;
}
td{
    padding: 5px;
}
.question_count{
    background-color: #486095;
    color: #FFFFFF;
    float: left;
    font-family: 'opensans-font-bold',Arial,Helvetica,sans-serif;
    padding-left: 2px;
    padding-right: 2px;
    margin-right: 5px;
}
.answer{
    display: none;
    opacity: 0;
    margin-top: 5px;
    text-align: justify;
}
span.banner_text2{
    font-family: 'opensans-font-bold',Arial,Helvetica,sans-serif;
    background-color: #fff;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 50px;
    color: #535353;
    line-height: 1.5;
}
nav.menu_bar{
    margin-right: 15px
;
}

nav.menu_bar ul {
    -webkit-font-smoothing:antialiased;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
nav.menu_bar li {
    float: right;
    margin: 0;
    padding: 0;
    position: relative;
    width: auto;
}
nav.menu_bar a , nav.menu_bar a.submenu_item{
    /*background: #ddd;*/
    font-size: 18px;
    color: #fff;
    font-family: 'opensans-font-bold',Arial,Helvetica,sans-serif;
    display: block;
    margin-top: 10px;
    padding: 5px 10px 5px 10px;
    text-align: center;
    text-decoration: none;
    height: auto;
    font-weight: bold;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
nav.menu_bar a.submenu_item{
    text-align: left;
    border-right: 2px solid #bb3633;
    margin-top: 0px;
}
nav.menu_bar .dropdown:after {
    content: '';
}
nav.menu_bar .dropdown:hover:after{
    content:''
}
nav.menu_bar li:hover a {
    background: #fff;
    color: #486095;
    text-decoration: none;
}
nav.menu_bar li ul {
    float: left;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0px;
    visibility: hidden;
    z-index: 1;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
nav.menu_bar li:hover ul {
    opacity: 1;
    top: 39px;
    visibility: visible;
}
nav.menu_bar li:hover ul li a{
    color: #486095;
}
nav.menu_bar li ul li {
    float: none;
    width: 150%;
}
nav.menu_bar li ul a:hover {
    background: #d0d0d0;
}

/* Clearfix */

.cf:after, .cf:before {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
.cf {
    zoom:1;
}​
